.plan-item {
    height: 2.7rem;
    border-radius: 0.1rem;
    overflow: hidden;
    background-color: #fff;
    // background-color: #cccccc;
    position: relative;
    line-height: 1;
    filter: grayscale(0%);
    &.not {
        filter: grayscale(70%);
    }
    .not-unlock {
        position: absolute;
        left: 2.18rem;
        top: 0.15rem;
        display: block;
        width: 1.65rem;
        height: 1.27rem;
    }
    .plan-wrap {
        padding: 0.35rem 0.3rem 0.35rem 0.34rem;
        .plan-content {
            height: 100%;
            padding-right: 3.63rem;
            .day {
                font-size: 0;
                > div {
                    display: inline-block;
                    vertical-align: middle;
                    &.desc {
                        font-family: PingFangSC-Medium;
                        font-size: 0.36rem;
                        color: #333333;
                        letter-spacing: 0.0073rem;
                        line-height: 0.5rem;
                    }
                    &.clock {
                        margin-left: 0.3rem;
                        width: 0.3rem;
                        height: 0.5rem;
                        position: relative;
                        img {
                            display: block;
                            position: absolute;
                            top: 50%;
                            margin-top: -0.15rem;
                            vertical-align: middle;
                            width: 0.3rem;
                            height: 0.3rem;
                            align-items: center;
                        }
                    }
                }
            }
            .title {
                font-family: PingFangSC-Regular;
                font-size: 0.32rem;
                color: #666666;
                letter-spacing: 0.0065rem;
                line-height: 0.45rem;
                overflow: hidden;
                text-overflow: ellipsis;
                display:-webkit-box;
                -webkit-box-orient:vertical;
                -webkit-line-clamp:2; 

            }
            .rate {
                position: absolute;
                bottom: 0.35rem;
                height: 0.3rem;
                > div {
                    display: inline-block;
                }
                .star {
                    width: 1.28rem;
                    font-size: 0;
                    vertical-align:  top;
                    img {
                        width: 0.3rem;
                        height: 0.3rem;
                        margin-right: 0.1rem;
                        vertical-align:  top;
                    }
                }
                .score {
                    vertical-align:  top;
                    padding-left: 0.18rem;
                    font-family: PingFangSC-Medium;
                    font-size: 0.3rem;
                    color: #151515;
                    letter-spacing: 1px;
                    line-height: 0.3rem;
                    height: 0.3rem;
                    position: relative;
                    &::before {
                        content: '';
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 0.02rem;
                        height: 0.3rem;
                        background-color: #151515;
                    }
                }
            }
        }
        .plan-banner {
            position: absolute;
            top: 0.35rem;
            right: 0.3rem;
            width: 2.8rem;
            height: 2rem;
            border-radius: 0.1rem;
            overflow: hidden;
            &.not_banner {
                background-color: #333333;
            }
            img {
                width: 2.8rem;
                height: 2rem;
                border-radius: 0.1rem;
                overflow: hidden;
            }
        }
    }
}